.item{
  display: flex;
  align-items: center;
  width: 100%;
  height: 280rpx;
  border: 1px solid #f1f1f1;
  margin-top: 20rpx;
  border-radius: 8rpx;
}

.hot-list{
  @at-root #{&}--image{
    width: 40%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 8rpx;
    border-bottom-left-radius: 8rpx;
  }
  @at-root #{&}--info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 10rpx 16rpx;
    box-sizing: border-box;
    width: 60%;
    height: 100%;
  }
}

.info-name{
  display: inline-block;
  font-weight: bold;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.info-date{
  display: flex;
  align-items: center;
  .flex{
    display: flex;
    align-items: center;
    font-size: 28rpx;
    color: #ff7f7f;
  }
  .level{
    margin-left: 58rpx;
  }
}
